<head>
   <script type="text/javascript">
						$(function() {
				$("table")
					.tablesorter({widthFixed: true}) 
					<!--.tablesorter({debug: true})-->
					.tablesorterPager({container: $("#pager1")});
			});
			
    </script>   
</head>
<div id="pager1" class="pager1">
    <table id="background-image"> 
                    <thead> 
                        <tr> 
                        	
                            <th>Nama</th>
                            <th>Umur</th>
                            
                            <th>Telepon HP</th>
                            
                            <th>Telepon Rumah</th>
                         
                            
                        </tr> 
                    </thead> 
                    <tbody> 
                        <?php 
							$i=1;
							foreach ($barang as $barang1){
							?>                        
                        <tr id="rowReport" onclick="javascript:reportBarangDetail('supir', '<?php echo $barang1['driver_id']?>','<?php echo $barang1['nid']?>', '#tempatBarang', '#reportLoad')">
                        	
                        	<td><?php echo $barang1['name'];?></td> 
                        	<td><?php echo $barang1['umur'];?></td> 
                        	
                            <td><?php echo $barang1['telp'];?></td>
                        	
                            <td><?php echo $barang1['telprumah'];?></td> 
                            <div id="a<?php echo $i;?>" style="display:none"><?php /*echo $barang1->gaji;*/?></div> 
                            <div id="kode<?php echo $i;?>" style="display:none"><?php /*echo $barang1->nid;*/?></div>
                            <div id="desc<?php echo $i;?>" style="display:none"><?php /*echo $barang1->name;?> - Telp: <?php echo $barang1->telp;*/?></div>               
                        </tr> 
                        
                        <?php $i++;} ?>
                       
                   </tbody> 
                    
				</table> 
                    <form>
                        <img src="<?php echo base_url();?>img/first.png" class="first" title="back to first"/>
                        <img src="<?php echo base_url();?>img/prev.png" class="prev" title="previous"/>
                        <input type="text" class="pagedisplay"/>
                        <img src="<?php echo base_url();?>img/next.png" class="next" title="next"/>
                        <img src="<?php echo base_url();?>img/last.png" class="last" title="go to last"/>
                       
                        <select class="pagesize">
                            <option selected="selected"  value="10">10</option>
                            <option value="15">15</option>
                            
                        </select>
                    
                    </form>
           
</div>